@-moz-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.margin-center {
  margin-left: auto;
  margin-right: auto;
}
.top {
  height: 80px;
  width: 100%;
  background: rgba(255, 255, 255, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  border-bottom: 1px solid #16b19f;
}
.top .logo {
  float: left;
  width: 216px;
  height: 80px;
}
.top .logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.top .nav {
  float: right;
  overflow: hidden;
}
.top .nav li {
  display: block;
  float: left;
  width: 58px;
  line-height: 80px;
  height: 80px;
  overflow: hidden;
  margin-left: 45px;
}
.top .nav li a {
  display: block;
  position: relative;
  text-align: center;
  font-size: 14px;
  color: #515151;
}
.top .nav li a i {
  display: block;
  position: absolute;
  width: 100%;
  background: url(../images/nav.png) no-repeat center;
  height: 10px;
  left: 0;
  bottom: -10px;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.top .nav li a:hover,
.top .nav li a.on {
  color: #ef6914;
}
.top .nav li a:hover i,
.top .nav li a.on i {
  bottom: 5px;
}
.footer {
  padding-top: 50px;
  background: #404040;
  font-size: 14px;
  color: #bdbdbd;
}
.footer a {
  color: #bdbdbd;
}
.footer a:hover {
  color: #fff;
}
.footer .en {
  font-size: 20px;
  line-height: 1;
  color: #fff;
  font-weight: bold;
}
.footer .cn {
  font-size: 16px;
  line-height: 1;
  color: #fff;
  margin-top: 10px;
}
.footer .sub-nav {
  width: 300px;
}
.footer .sub-nav ul {
  margin-top: 24px;
  overflow: hidden;
}
.footer .sub-nav ul li {
  width: 150px;
  float: left;
  line-height: 30px;
}
.footer .code {
  margin-left: 200px;
}
.footer .code img {
  display: block;
  margin-top: 28px;
}
.footer .cots {
  width: 280px;
}
.footer .cots ul {
  margin-top: 28px;
  line-height: 30px;
}
.footer .rights {
  height: 57px;
  line-height: 57px;
  margin-top: 40px;
  border-top: 1px solid #9d9d9d;
}
.index-yd {
  height: 98px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6;
  background: #f7f7f7;
}
.index-yd p {
  float: left;
  text-align: center;
  width: 160px;
  height: 100px;
  line-height: 100px;
  margin-top: -1px;
  color: #fff;
  background: #ef6914;
  font-size: 20px;
  margin-right: 10px;
}
.index-yd span {
  display: block;
  float: left;
  font-size: 16px;
  color: #5f5f5f;
  line-height: 98px;
  padding: 0 10px;
}
.index-yd input {
  display: block;
  float: left;
  width: 82px;
  height: 26px;
  background: #fff;
  line-height: 26px;
  border: 1px solid #dedede;
  margin-top: 35px;
}
.index-yd input.rtime {
  width: 200px;
}
.index-yd select {
  display: block;
  float: left;
  width: 100px;
  height: 26px;
  background: #fff;
  line-height: 26px;
  border: 1px solid #dedede;
  margin-top: 35px;
}
.index-yd button {
  display: block;
  float: right;
  width: 132px;
  height: 53px;
  background: #16b19f;
  color: #fff;
  line-height: 53px;
  font-size: 18px;
  margin-top: 22px;
  cursor: pointer;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-yd button:hover {
  background: #ef6914;
  border-radius: 5px;
}
.index-title {
  line-height: 1;
  text-align: center;
}
.index-title b {
  display: block;
  font-size: 60px;
  color: #eeeded;
}
.index-title strong {
  display: block;
  font-size: 30px;
  color: #1b1b1b;
  margin-top: -45px;
}
.index-title strong span {
  color: #16b19f;
}
.index-title small {
  display: block;
  font-size: 14px;
  color: #8a8a8a;
  margin-top: 35px;
}
.index-type {
  padding-top: 56px;
  padding-bottom: 60px;
}
.index-type .list {
  margin-top: 46px;
}
.index-type .list li {
  float: left;
  overflow: hidden;
  cursor: pointer;
}
.index-type .list li .box {
  width: 300px;
  height: 300px;
  float: left;
  background: url(../images/line.png) no-repeat center;
  color: #fff;
  text-align: center;
  line-height: 1;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-type .list li .box strong {
  display: block;
  font-size: 30px;
  padding-top: 118px;
}
.index-type .list li .box small {
  display: block;
  font-size: 18px;
  margin-top: 6px;
}
.index-type .list li .img {
  width: 300px;
  height: 300px;
  float: left;
  overflow: hidden;
  position: relative;
}
.index-type .list li .img img {
  display: block;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-type .list li .img:after {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  content: "";
  border-left: 20px solid #16b19f;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  top: 138px;
  left: -20px;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-type .list li:nth-child(3) .img:after {
  left: 300px;
  border-left: 0;
  border-right: 20px solid #16b19f;
}
.index-type .list li:nth-child(4) .img:after {
  left: 300px;
  border-left: 0;
  border-right: 20px solid #16b19f;
}
.index-type .list li.li1 .box {
  background-color: #16b19f;
}
.index-type .list li.li1 .img:after {
  border-color: #16b19f;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.index-type .list li.li2 .box {
  background-color: #4fa9e5;
}
.index-type .list li.li2 .img:after {
  border-color: #4fa9e5;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.index-type .list li.li3 .box {
  background-color: #9b58b7;
}
.index-type .list li.li3 .img:after {
  border-color: #9b58b7;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.index-type .list li.li4 .box {
  background-color: #ef6914;
}
.index-type .list li.li4 .img:after {
  border-color: #ef6914;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}
.index-type .list li:hover .img img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.index-type .list li:hover .img:after {
  left: 0;
}
.index-type .list li:nth-child(3):hover .img:after {
  left: 280px;
}
.index-type .list li:nth-child(4):hover .img:after {
  left: 280px;
}
.index-about {
  padding-top: 77px;
  padding-bottom: 72px;
  background: url(../images/about.jpg) no-repeat center;
}
.index-about .index-title b {
  color: #5dbaaf;
}
.index-about .index-title strong {
  color: #fff;
}
.index-about .index-title small {
  color: #fff;
}
.index-about .content {
  font-size: 18px;
  line-height: 30px;
  color: #fff;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 1060px;
  margin-top: 50px;
}
.index-about .list {
  margin-top: 36px;
}
.index-about .list li {
  float: left;
  width: 280px;
  height: 189px;
  margin-right: 26px;
  cursor: pointer;
  perspective: 2000px;
}
.index-about .list li:last-child {
  margin-right: 0;
}
.index-about .list li img {
  display: block;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-about .list li:hover img {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.index-title2 {
  overflow: hidden;
}
.index-title2 span {
  display: block;
  float: left;
  font-size: 34px;
  line-height: 1;
  color: #16b19f;
  font-weight: normal;
}
.index-title2 small {
  display: block;
  float: left;
  font-size: 18px;
  line-height: 22px;
  color: #16b19f;
  margin-top: 12px;
  margin-left: 12px;
}
.index-title2 a {
  display: block;
  float: right;
  font-size: 18px;
  color: #727272;
  line-height: 22px;
  margin-top: 12px;
}
.index-title2 a:hover {
  color: #16b19f;
}
.index-pro1 {
  padding-top: 6px;
  padding-bottom: 70px;
}
.index-pro1 .list1 {
  margin-top: 25px;
}
.index-pro1 .list1 li {
  float: left;
  width: 599px;
}
.index-pro1 .list1 li:last-child {
  float: right;
}
.index-pro1 .list1 li a {
  display: block;
}
.index-pro1 .list1 li a .img {
  width: 599px;
  height: 309px;
  overflow: hidden;
}
.index-pro1 .list1 li a .img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
}
.index-pro1 .list1 li a span {
  display: block;
  height: 51px;
  line-height: 51px;
  padding-left: 58px;
  color: #fff;
  font-size: 16px;
  background: url(../images/tit.png) no-repeat 22px center #16b19f;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-pro1 .list1 li a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.index-pro1 .list1 li a:hover span {
  background-color: #ef6914;
}
.index-pro1 .list2 {
  margin-top: 10px;
}
.index-pro1 .list2 li {
  float: left;
  width: 295px;
  margin-right: 6px;
}
.index-pro1 .list2 li:last-child {
  margin-right: 0;
}
.index-pro1 .list2 li a {
  display: block;
}
.index-pro1 .list2 li a .img {
  width: 295px;
  height: 229px;
  overflow: hidden;
}
.index-pro1 .list2 li a .img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
}
.index-pro1 .list2 li a span {
  display: block;
  height: 38px;
  line-height: 38px;
  padding-left: 43px;
  color: #fff;
  font-size: 12px;
  background: url(../images/tit2.png) no-repeat 16px center #16b19f;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-pro1 .list2 li a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.index-pro1 .list2 li a:hover span {
  background-color: #ef6914;
}
.index-pro2 {
  padding-bottom: 48px;
}
.index-pro2 .list {
  margin-top: 36px;
}
.index-pro2 .list li {
  float: left;
  margin-right: 17px;
}
.index-pro2 .list li:last-child {
  margin-right: 0;
}
.index-pro2 .list li a {
  display: block;
  width: 287px;
  height: 364px;
  overflow: hidden;
  position: relative;
}
.index-pro2 .list li a img {
  display: block;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
}
.index-pro2 .list li a i {
  display: block;
  position: absolute;
  background: #16b19f;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.index-pro2 .list li a i:nth-of-type(1) {
  width: 4px;
  height: 0;
  left: 0;
  top: 0;
}
.index-pro2 .list li a i:nth-of-type(2) {
  width: 0;
  height: 4px;
  left: 0;
  bottom: 0;
}
.index-pro2 .list li a i:nth-of-type(3) {
  width: 4px;
  height: 0;
  right: 0;
  bottom: 0;
}
.index-pro2 .list li a i:nth-of-type(4) {
  width: 0;
  height: 4px;
  right: 0;
  top: 0;
}
.index-pro2 .list li a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.index-pro2 .list li a:hover i:nth-of-type(1) {
  height: 100%;
}
.index-pro2 .list li a:hover i:nth-of-type(2) {
  width: 100%;
}
.index-pro2 .list li a:hover i:nth-of-type(3) {
  height: 100%;
}
.index-pro2 .list li a:hover i:nth-of-type(4) {
  width: 100%;
}
.sub-page {
  padding-top: 60px;
  padding-bottom: 80px;
  overflow: hidden;
}
.sub-page .sidebar {
  width: 230px;
}
.sub-page .sidebar .type {
  background: #16b19f;
}
.sub-page .sidebar .type .title {
  text-align: center;
  color: #fff;
  line-height: 1;
}
.sub-page .sidebar .type .title strong {
  display: block;
  font-size: 34px;
  padding-top: 24px;
}
.sub-page .sidebar .type .title small {
  display: block;
  font-size: 18px;
  color: #6dd9cc;
  margin-top: 4px;
}
.sub-page .sidebar .type ul {
  border: 12px solid #16b19f;
  background: #fff;
  padding: 20px 10px;
}
.sub-page .sidebar .type ul li {
  height: 45px;
  line-height: 45px;
  border-bottom: 1px dashed #ccc;
}
.sub-page .sidebar .type ul li a {
  display: block;
  padding-left: 20px;
  font-size: 16px;
  color: #333;
  border-radius: 3px;
}
.sub-page .sidebar .type ul li a:hover,
.sub-page .sidebar .type ul li a.on {
  background: #ef6914;
  color: #fff;
}
.sub-page .sidebar .cot {
  background: #ef6914;
  margin-top: 20px;
}
.sub-page .sidebar .cot .title {
  text-align: center;
  color: #fff;
  line-height: 1;
}
.sub-page .sidebar .cot .title strong {
  display: block;
  font-size: 34px;
  padding-top: 24px;
}
.sub-page .sidebar .cot .title small {
  display: block;
  font-size: 18px;
  color: #fbbf9a;
  margin-top: 4px;
}
.sub-page .sidebar .cot ul {
  border: 12px solid #ef6914;
  background: #fff;
  padding: 20px 10px;
}
.sub-page .sidebar .cot ul li {
  line-height: 32px;
  border-bottom: 1px dashed #ccc;
  font-size: 14px;
  color: #303030;
}
.sub-page .locat {
  width: 915px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  margin-bottom: 30px;
}
.sub-page .locat i {
  display: block;
  float: left;
  width: 5px;
  height: 22px;
  background: #16b19f;
}
.sub-page .locat b {
  display: block;
  float: left;
  font-size: 22px;
  color: #16b19f;
  margin-left: 10px;
}
.sub-page .locat .location {
  color: #666;
  font-size: 14px;
}
.sub-page .locat .location a {
  color: #666;
}
.sub-page .locat .location a:hover {
  color: #16b19f;
}
.sub-page .pro-list {
  width: 915px;
}
.sub-page .pro-list li {
  float: left;
  width: 295px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.sub-page .pro-list li:nth-child(3n) {
  margin-right: 0;
}
.sub-page .pro-list li a {
  display: block;
}
.sub-page .pro-list li a .img {
  width: 295px;
  height: 229px;
  overflow: hidden;
  position: relative;
}
.sub-page .pro-list li a .img img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  -moz-transition: all 2s linear;
  -webkit-transition: all 2s linear;
  transition: all 2s linear;
  min-width: 100%;
}
.sub-page .pro-list li a .img i {
  display: block;
  position: absolute;
  background: #16b19f;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.sub-page .pro-list li a .img i:nth-of-type(1) {
  width: 4px;
  height: 0;
  left: 0;
  top: 0;
}
.sub-page .pro-list li a .img i:nth-of-type(2) {
  width: 0;
  height: 4px;
  left: 0;
  bottom: 0;
}
.sub-page .pro-list li a .img i:nth-of-type(3) {
  width: 4px;
  height: 0;
  right: 0;
  bottom: 0;
}
.sub-page .pro-list li a .img i:nth-of-type(4) {
  width: 0;
  height: 4px;
  right: 0;
  top: 0;
}
.sub-page .pro-list li a span {
  display: block;
  height: 38px;
  line-height: 38px;
  padding-left: 43px;
  color: #fff;
  font-size: 12px;
  background: url(../images/tit2.png) no-repeat 16px center #16b19f;
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.sub-page .pro-list li a:hover img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.sub-page .pro-list li a:hover span {
  background-color: #ef6914;
}
.sub-page .pro-list li a:hover i:nth-of-type(1) {
  height: 100%;
}
.sub-page .pro-list li a:hover i:nth-of-type(2) {
  width: 100%;
}
.sub-page .pro-list li a:hover i:nth-of-type(3) {
  height: 100%;
}
.sub-page .pro-list li a:hover i:nth-of-type(4) {
  width: 100%;
}
.sub-page .article {
  width: 915px;
}
.sub-page .article img {
  max-width: 915px;
}
.sub-page .article h1 {
  display: block;
  font-size: 20px;
  text-align: center;
  line-height: 50px;
  color: #333;
  font-weight: bold;
}
.sub-page .article .pro-img {
  text-align: center;
}
.sub-page .article .pro-img img {
  max-width: 80%;
}
.sub-page .article .desct {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
  overflow: hidden;
  background: #f1f1f1;
}
.sub-page .article .desct b {
  display: block;
  float: left;
  padding: 0 20px;
  background: #16b19f;
  color: #fff;
}
.sub-page .article .content {
  font-size: 16px;
  line-height: 2.5;
}